這是一篇關於Vue從頭開始寫的學習筆記，不太注重原理，也盡量不會提到一些技術名詞，注重如何可以簡單寫出一個可以動的Vue網頁，適合對前端完全陌生的但是想快速學會寫前端的人。

有空會慢慢往下寫，希望能寫成系列文。

（我的主要開發環境是用macOS，不過即使用windows操作上大致上還是一樣的）

這是我第一次寫教學的網誌，有什麼意見歡迎指教討論。

第一篇就先寫開發工具的部分

工具主要使用VSCode, npm, yarn, Chrome

 1. VSCode

VSCode 安裝很簡單，直接上微軟的網站抓就可以了

https://code.visualstudio.com/

請依據自己作業系統安裝對應版本

2. npm / yarn

這兩個工具如果不寫前端的話可能對這東西不熟悉，簡單來看就把它當作可以幫你安裝各種不同網頁所需功能的工具，安裝方法也很簡單

一樣去官網抓就好（https://nodejs.org/en/?source=post_page---------------------------）

當然你想用brew, choco之類的安裝也是可以，裝完nodejs後就會獲得npm這個新的指令

在windows底下的命令提示字元或是macos底下的terminal輸入

npm -v

就會顯示出版本訊息，如果有顯示就表示安裝成功了

如果習慣用yarn的人

可以依照下列網址方法安裝

https://yarnpkg.com/lang/zh-hant/docs/install/

3. Chrome

這個應該就不用多作介紹了吧 ....

工具介紹就先到這裡，準備進入前端網頁的開發啦